<template>
	<view class="fun-list w100 df ai">
		<view class="icon df-c">
			<image style="width: 34rpx;" :src="item.icon" mode="widthFix"></image>
		</view>
		<view class="title fs28 fb">{{item.title}}</view>
		<view class="arrow df">
			<image style="width: 24rpx;" src="../../../static/imgs/images/personal-center/jty.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item:{
				type:Object,
				default:()=>{}
			}
		},
		name: '',
		components: {

		},
		data: function() {
			return {}
		},
		methods: {},
		created() {},
		mounted() {},
	}
</script>

<style scoped lang="scss">
	.fun-list{
		.icon{
			margin-right: 28rpx;
		}
		.arrow{
			flex: 1;
			justify-content: flex-end;
		}
	}
</style>
